
<h3>Thêm Lãi Suất Cơ Bản Vay Trả Góp</h3>
<div style="color: red;">
<?php
	if(isset($_GET['mess'])) {
		echo($_GET['mess']);
	}
?>
</div>
<div>
    <form method="post" action="../src/control/AdminRateBasicInst.php" class="postratebasic">
        <table>
            <tr>
                <td valign="top" width="100px">Ngân Hàng: </td>
                <td><select class="selectbank" style="width: 250px; height: 30px; padding:5px;" name="selectbank"><option value="">--Chọn--</option></select><br><font color="red"><span id="err_manganhang"></span></font></td>
            </tr>
            <tr>
                <td valign="top">Lãi suất: </td>
                <td><input class="inputtextfield" style="width: 50px; margin-left:0px;" type="text" name="rateone" maxlength="20" id="rateone" onFocus="showStyle(this)" onBlur="hiddenStyle(this)" />%  -  <input class="inputtextfield" style="width: 50px;" type="text" name="ratetwo" maxlength="20" id="ratetwo" onFocus="showStyle(this)" onBlur="hiddenStyle(this)" />%<br>
			<font color="red"><span id="err_rate"></span></font></td>
            </tr>
            <tr>
                <th colspan="2"><input type="hidden" name="acc" value="add" /><input type="submit" value="Thêm" style="border-radius: 5px; padding:5px; width:100px; background:#03F; color:#FFF; font-weight:bold;" /></th>
            </tr>
        </table>
	</form>
</div>

<script>
loadbank();
function loadbank() {
	$.ajax({
		url: "../src/ajax/ajaxbank.php",
		type: "post",
		data: {act:'getbanks'},
		dataType:"json",
		success: function(response) {
			html = '';
			$.each(response, function(entryIndex, entry){
				html += '<option value="' + entry[0] + '">' + entry[1] + '(' + entry[0] + ')</option>';
			});
			$('.selectbank').append(html);
		}
	});
}

$('.postratebasic').submit(function(e) {
    var bank = $.trim($('.selectbank').val());
	
	if(bank == "") {
		$('#err_manganhang').html('Vui lòng chọn ngân hàng');
		$('.selectbank').focus();
		return false;
	} else {
		$('#err_manganhang').html('');
	}
	
	var rate1 = $.trim($('#rateone').val());
	if(rate1 == "") {
		$('#err_rate').html('Vui lòng nhập lãi suất dưới và phải là số');
		$('#rateone').focus();
		return false;
	} else {
		$('#err_rate').html('');
	}
	var rate2 = $.trim($('#ratetwo').val());
	if(rate2 == "") {
		$('#err_rate').html('Vui lòng nhập lãi suất trên và phải là số');
		$('#ratetwo').focus();
		return false;
	} else {
		$('#err_rate').html('');
	}
});

function showStyle(field) {
	field.style.backgroundColor = '#FFFFCC';
}

function hiddenStyle(field) {
	field.style.backgroundColor = '#FFFFFF';
}
</script>